/**
 * Created by lixiaohui on 2015/9/29.
 */
$(document).ready(function () {
    //定位菜单
    var contentHeight;
    //定位menu-content1
    contentHeight = $('#menu-content1').css('height');
    contentHeight = parseInt(contentHeight.substring(0, contentHeight.indexOf("px", 0)));
    $("#menu-content1").css("top", -contentHeight + 20 + 'px');
    //定位menu-content2
    contentHeight = $('#menu-content2').css('height');
    contentHeight = parseInt(contentHeight.substring(0, contentHeight.indexOf("px", 0)));
    $("#menu-content2").css("top", -contentHeight + 20 + 'px');
    //定位menu-content3
    contentHeight = $('#menu-content3').css('height');
    contentHeight = parseInt(contentHeight.substring(0, contentHeight.indexOf("px", 0)));
    $("#menu-content3").css("top", -contentHeight + 20 + 'px');
    var x = $("#menu-content3").css('width');
    var y = $("#bn3").css('width');
    x = parseInt(x.substring(0, x.indexOf("px", 0)));
    y = parseInt(y.substring(0, y.indexOf("px", 0)));
    if (x > y) {
        $("#menu-content3").css("left", y - x + "px");
    }
});

//底部一级菜单点击处理
function onMainMenuItemClick(which) {
    switch (which) {
        case 'bn1'://底部菜单1
            $('#menu-content2').hide();
            $('#menu-content3').hide();
            if ($('#menu-content1').is(':hidden')) {
                $('#menu-content1').show();
                $('#bn1').css('background-color', '#D9D9D9');
                $('#bn2').css('background-color', '#F9F9F9');
                $('#bn3').css('background-color', '#F9F9F9');
            } else {
                $('#menu-content1').hide();
                $('#bn1').css('background-color', '#F9F9F9');
            }

            break;
        case 'bn2'://底部菜单2
            $('#menu-content1').hide();
            $('#menu-content3').hide();
            if ($('#menu-content2').is(':hidden')) {
                $('#menu-content2').show();
                $('#bn2').css('background-color', '#D9D9D9');
                $('#bn1').css('background-color', '#F9F9F9');
                $('#bn3').css('background-color', '#F9F9F9');
            } else {
                $('#menu-content2').hide();
                $('#bn2').css('background-color', '#F9F9F9');
            }
            break;
        case 'bn3'://底部菜单3
            $('#menu-content1').hide();
            $('#menu-content2').hide();
            $('#bn1').css('background-color', 'F9F9F9');
            $('#bn2').css('background-color', 'F9F9F9');
            if ($('#menu-content3').is(':hidden')) {
                $('#menu-content3').show();
                $('#bn3').css('background-color', '#D9D9D9');
                $('#bn1').css('background-color', '#F9F9F9');
                $('#bn2').css('background-color', '#F9F9F9');
            } else {
                $('#menu-content3').hide();
                $('#bn3').css('background-color', '#F9F9F9');
            }
            break;
    }
}

//处理视图中点击和滚动时隐藏二级菜单
$(document).bind({
    'click scroll': function () {
        var e = e || window.event;
        var elem = e.target || e.srcElement;
        while (elem) {
            if (elem.id == 'bn1' || elem.id == 'bn2' || elem.id == 'bn3') {
                return;
            }
            elem = elem.parentNode;
        }
        if ($('#menu-content1').is(':visible')) {
            $('#menu-content1').hide();
            $('#bn1').css('background-color', '#F9F9F9');
        }
        if ($('#menu-content2').is(':visible')) {
            $('#menu-content2').hide();
            $('#bn2').css('background-color', '#F9F9F9');
        }
        if ($('#menu-content3').is(':visible')) {
            $('#menu-content3').hide();
            $('#bn3').css('background-color', '#F9F9F9');
        }
    }
});